<extend name="Index:base"/>
<block name="content">
		<!--content-->

		<div id="content">
			<div class="w1064">
				<div class="loginOuter">
					<header>
						<span>登录</span>
					</header>
					<form action="{:U('Home/Index/weblogin')}&do=login" method="post">
					<div class="loginMain">
						<ul>
							<li>
								<span class="label">用户帐号:</span>
								<p>
									<input type="text" class="_txt" placeholder="手机号码或邮箱" name="username" value="{$username}"/>
								</p>
							</li>
							<li>
								<span class="label">登录密码:</span>
								<p>
									<input type="text" class="_txt" placeholder="请输入账户密码" name="userpassword" value="{$userpassword}"/>
								</p>
								<a href="{:U('Home/Index/forgotpas')}" class="forgot_pas_btn">忘记密码?</a>
							</li>
							<li>
								<span class="label">图片验证:</span>
								<p>
									<input type="text" class="_txt1" placeholder="输入右图验证码" name="verify"/>
								</p>
								<a href="#" class="codeImg">
									<img src="{:U('Home/Index/verify_c',array())}" />
									<script type="text/javascript">
									var captcha_img = $('.codeImg').find('img')  
									var verifyimg = captcha_img.attr("src");  
									captcha_img.attr('title', '点击刷新');  
									captcha_img.click(function(){  
									    if( verifyimg.indexOf('?')>0){  
									        $(this).attr("src", verifyimg+'&random='+Math.random());  
									    }else{  
									        $(this).attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());  
									    }  
									});  
									</script>
								</a>
							</li>
							<li class="remember_pas">
								<label>
									<input type="checkbox" name="remember"/> 记住密码
								</label>
							</li>
							<li>
								<input type="submit" class="login_btn" value="登录" />
							</li>
							<li>
								<p class="msg">还未有帐号,去<a href="{:U('Home/Index/register')}">注册</a></p>
							</li>
						</ul>
					</div>
					</form>
					<!--第三方登录-->
					<div class="outerLoginMain">
						<header>
							<span>第三方登录</span>
						</header>
						<ul>
							<li>
								<a href="#">
									<span class="img">
										<img src="__PUBLIC__/pc/images/wx.png" />
									</span>
									<p>微信登录</p>
								</a>
							</li>
							<li>
								<a href="{:U('User/Index/login?type=qq')}">
									<span class="img">
										<img src="__PUBLIC__/pc/images/qq.png" />
									</span>
									<p>QQ登录</p>
								</a>
							</li>
							<li>
								<a href="{:U('User/Index/login?type=alipay')}">
									<span class="img">
										<img src="__PUBLIC__/pc/images/alpay.png" />
									</span>
									<p>支付宝登录</p>
								</a>
							</li>
							<li>
								<a href="{:U('User/Index/login?type=sina')}">
									<span class="img">
										<img src="__PUBLIC__/pc/images/weibo.png" />
									</span>
									<p>微博登录</p>
								</a>
							</li>
						</ul>
					</div>
					<!--第三方登录 end-->
				</div>
			</div>
		</div>
		<!--content end-->
</block>

